<!--<!DOCTYPE html>-->
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->

<!--    &lt;!&ndash; 新 Bootstrap5 核心 CSS 文件 &ndash;&gt;-->
<!--    <link rel="stylesheet" href="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/css/bootstrap.min.css">-->

<!--    &lt;!&ndash;  popper.min.js 用于弹窗、提示、下拉菜单 &ndash;&gt;-->
<!--    <script src="https://cdn.staticfile.net/popper.js/2.9.3/umd/popper.min.js"></script>-->

<!--    &lt;!&ndash; 最新的 Bootstrap5 核心 JavaScript 文件 &ndash;&gt;-->
<!--    <script src="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>-->

<!--    <title>用户登录页面</title>-->
<!--</head>-->
<!--<body>-->
<!--<div class="container mt-3">-->
<!--    <h2>欢迎登录</h2>-->
<!--    <form th:action="@{/login}" method="post" >-->
<!--        <div class="mb-3 mt-3">-->
<!--            <label for="username" class="form-label">User:</label>-->
<!--            <input type="text" class="form-control" id="username" placeholder="Enter username" name="username">-->
<!--        </div>-->
<!--        <div class="mb-3">-->
<!--            <label for="password" class="form-label">Password:</label>-->
<!--            <input type="password" class="form-control" id="password" placeholder="Enter password" name="password">-->
<!--        </div>-->
<!--        <div class="form-check mb-3">-->
<!--            <label class="form-check-label">-->
<!--                <input class="form-check-input" type="checkbox" name="remember"> Remember me-->
<!--            </label>-->
<!--        </div>-->
<!--        <button type="submit" class="btn btn-primary">Submit</button>-->
<!--    </form>-->
<!--</div>-->
<!--</body>-->
<!--</html>-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>

    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/css/bootstrap.min.css">

    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.staticfile.net/popper.js/2.9.3/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>

    <style>
        .login{
            width: 300px;
            margin: 100px auto;
        }
        .login .btn{
            width: 300px;
        }

    </style>
</head>
<body>
<div class="login">
    <form th:action="@{/login}" method="post">
        <h3>欢迎登录</h3>
        <div class="mb-3 mt-3">
            <label for="username" class="form-label"></label>
            <input type="text" class="form-control" id="username" placeholder="请输入用户名" name="username">
        </div>
        <div class="mb-3">
            <label for="pwd" class="form-label"></label>
            <input type="password" class="form-control" id="pwd" placeholder="请输入密码" name="pwd">
        </div>
        <div class="form-check mb-3">
            <label class="form-check-label">
                <input class="form-check-input" type="checkbox" name="rememberme">记住我
            </label>
        </div>
        <button type="submit" class="btn btn-primary">登录</button>
    </form>
    <a th:href="@{/register}">注册</a>
</div>
</body>
</html>